{
    // 给con添加移入事件
    let con=$('.site-header>.hearder_l>.con');
    con.on('mouseenter',function(){
        con.children().eq(0).animate({
            left:0
        },200,'linear')
        con.children().eq(1).animate({
            left:55
        },200,'linear')
    })
    // 给con添加移出事件
    con.on('mouseleave',function(){
        con.children().eq(0).animate({
            left:-55
        },200,'linear')
        con.children().eq(1).animate({
            left:0
        },200,'linear')
    })
    // 给搜索框绑定点击事件
    let hearder_input=$('.hearder_r>.hearder_search>.input');
    // 获取搜索按钮
    hearder_input.on('click',()=>{
        hearder_input.parent().children().css({
            border: '1px solid #ff6700',
        }).eq(2).css({
            display:'block'
        });
    })
    // 让搜索框失去焦点的时候隐藏ul
    hearder_input.on('blur',()=>{
        hearder_input.parent().children().css({
            border: '1px solid #e0e0e0',
        }).eq(2).css({
            display:'none'
        });
    })
    // 轮播图
    $(document).ready(function(){

        $('.bxslider').bxSlider({

          mode: 'fade',

          slideWidth: 1226, 

          slideMargin: 10,

          auto:true

        });

      });
    //   详情列表
    $.get('../../src/js/data.json',function(data){
        var html = template('list_details',{"json":data});
                
        $('.banner_list_details').append(html);
        // details_con($('.banner_list_details'))
    },'json')
    // $.ajax({
    //     url:'../js/data.json',
    //     success:function(data){
    //     console.log(data);
    // },
    // dataType:'jsonp'
    // })
    // function details_con(element){
    //     let $list_details=element;
        
    //     $list_details.children().children().children();

    //     console.log( $list_details.children().children().children());
    // }
    // 详情列表鼠标移入事件

    let banner_r=$('.banner_r');
    banner_r.children().on('mouseover',function(){
        $('.banner_list_details').css({display:'block'})
    })
    $('.banner_list_details').on('mouseover',function(){
        $('.banner_list_details').css({display:'block'})
    })
    $('.banner_list_details').on('mouseleave',function(){
        $('.banner_list_details').css({display:'none'})
    })
    banner_r.children().on('mouseleave',function(){
        $('.banner_list_details').css({display:'none'})
    })


    $(function(){
        var b = new Date;
        var b = -b.getTimezoneOffset() / 60;
        var i = '2021/07/04 12:40:00';
        var config = {
            timeText: i, //倒计时时间
            timeZone: b, //时区
            style: "flip", //显示的样式，可选值有flip,slide,metal,crystal
            color: "black", //显示的颜色，可选值white,black
            width: 168, //倒计时宽度
            textGroupSpace: 15, //天、时、分、秒之间间距
            textSpace: 0, //数字之间间距
            reflection: false, //是否显示倒影
            reflectionOpacity: 10, //倒影透明度
            reflectionBlur: 0, //倒影模糊程度
            dayTextNumber: 3, //倒计时天数数字个数
            displayDay: false, //是否显示天数
            displayHour: !0, //是否显示小时数
            displayMinute: !0, //是否显示分钟数
            displaySecond: !0, //是否显示秒数
            displayLabel: false, //是否显示倒计时底部label
            onFinish: function() {}
        };
        $(".countdown").jCountdown(config);
    });
    //轮播列表
    let list_rotation = template('list_rotation');
    $('.flashsale_r .swiper-wrapper').append(list_rotation);

    // 手机home_brick_r
    let home_brick_automatic = template('home_brick_automatic');
    $('.home_brick .home_brick_r').append(home_brick_automatic);
    
    // 手机home_television_r_1
    let home_television_automatic = template('home_television_automatic');
    $('.home_television .home_television_r_1').append(home_television_automatic);

  // 点击购物车时的点击事件
 
  var shoppingcart= $('nav .shopping_cart');
    shoppingcart.on("click",function(){ 
        shopping();
    });

    var phone=$('.hearder_r .phone');
    $.get('../../src/js/data.json',function(data){
        var html = template('phone_template',{"json":data});
                
        phone.append(html);
        // phone.children().css({display:'none'})
        // details_con($('.banner_list_details'))
    },'json')
    

    phone.on('mouseover',function(){
        phone.children().slideDown()
    })
    phone.on('mouseleave',function(){
        phone.children().css({display:'none'})})
    // phone.children().on('mouseover',function(){
    //     phone.children().css({display:'block'})})
    // phone.children().on('mouseleave',function(){
    //     phone.children().css({display:'none'})})
}